HTML (Hypertext Markup Language) ডকুমেন্ট ওয়েবপেজ তৈরির মৌলিক ভিত্তি। এটি বিভিন্ন উপাদানের সাহায্যে একটি পৃষ্ঠার কাঠামো তৈরি করে। একটি স্ট্যান্ডার্ড HTML ডকুমেন্টের মূল উপাদানগুলি নিম্নরূপ:
1. DOCTYPE ঘোষণা
<!DOCTYPE html> দ্বারা শুরু হয়। এটি HTML5 ডকুমেন্ট হিসাবে ডকুমেন্টের প্রকার নির্ধারণ করে এবং ব্রাউজারকে এটি যথাযথভাবে পার্স করতে বলে।
2. HTML ট্যাগ
<html> ট্যাগ পুরো ডকুমেন্টকে আবদ্ধ করে এবং এটি HTML ডকুমেন্টের মূল কন্টেইনার হিসেবে কাজ করে।
3. Head বিভাগ
<head> ট্যাগের মধ্যে পেজের মেটাডেটা, লিঙ্ক ট্যাগ, স্ক্রিপ্টস এবং স্টাইলশিট থাকে। এর মূল উপাদানগুলি হলো:
<meta charset="UTF-8">: পেজের ক্যারেক্টার এনকোডিং সেট করে।<meta name="viewport" content="width=device-width, initial-scale=1.0">: মোবাইল ডিভাইসের জন্য পেজের ভিউপোর্ট কনফিগার করে।<title>: পেজের শিরোনাম নির্ধারণ করে, যা ব্রাউজারের ট্যাবে প্রদর্শিত হয়।
4. Body বিভাগ
<body> ট্যাগের মধ্যে পেজের সব দৃশ্যমান কন্টেন্ট থাকে। এটি পাঠ্য, চিত্র, ভিডিও, ফর্ম ইত্যাদি নিয়ে গঠিত। উদাহরণস্বরূপ:
<body>
<header>
<h1>ওয়েবসাইটের শিরোনাম</h1>
<nav>
<ul>
<li><a href="#home">হোম</a></li>
<li><a href="#services">সার্ভিসেস</a></li>
<li><a href="#contact">যোগাযোগ</a></li>
</ul>
</nav>
</header>
<section>
<h2>বিষয়বস্তুর শিরোনাম</h2>
<p>এখানে বিষয়বস্তুর পাঠ্য থাকবে।</p>
</section>
<footer>
<p>কপিরাইট © 2023</p>
</footer>
</body>
5. অতিরিক্ত ট্যাগসমূহ
HTML5 এর কিছু নতুন সেমান্টিক ট্যাগও রয়েছে যেমন <article>, <section>, <aside>, <header>, <footer> ইত্যাদি, যা কন্টেন্টের মানে এবং কাঠামোকে আরও পরিষ্কার করে তোলে।
সারাংশ
একটি ভাল সাজানো HTML ডকুমেন্ট ব্রাউজারকে সহজে পেজ পার্স এবং প্রদর্শন করতে সাহায্য করে, এব
ং ব্যবহারকারীদের জন্য একটি সহজ এবং দৃশ্যমানভাবে আকর্ষণীয় অভিজ্ঞতা তৈরি করে। HTML ডকুমেন্টের কাঠামো সহজ হলেও, এটি সঠিকভাবে বুঝে ও প্রয়োগ করা গুরুত্বপূর্ণ।
Read more
